
/*课程简介*/

section{
	width: 100%;
	height: 130px;
}
section .brief{
	width: 1200px;
	height: 130px;
	margin: 0 auto;
	margin-top: 20px;
}

section .brief  .con-left{
	float: left;
	width: 800px;
	height: 100px;
}
section .brief  .con-left h2{
	font-weight: bold;
}
section .brief  .con-left span{
	font-size: 16px;
	display: inline-block;
	margin-top: 20px;
	height: 20px;
	line-height: 30px;
}

section .brief .con-right{
	float: right;
	width: 260px;
	height: 130px;
}
section .brief .con-right h2{
	font-weight: bold;
}
section .brief .con-right div{
	margin-top: 20px;
	height: 81px;
	width: 250px;
}
section .brief .con-right div >span{
	float: right;
	
}
section .brief .con-right div >span>p{
	margin-top: 10px;
	color: #3C3C3C;
	font-size: 18px;
}
section .brief .con-right div >span .first{
	color: black;
	display: inline-block;
	font-weight: bold;
}
section .brief .con-right img{
	width: 81px;
	height: 81px;
	float: left;
	display: inline-block;
}




/*课堂教学视频  tab切换*/
.classroom{
	width: 100%;
	height: 70px;
}
.classroom-1{
	width: 1200px;
	height: 70px;
	margin: 0 auto;
	border-bottom: 1px solid #E3E3E3;
}
.study{
	width: 970px;
	height: 70px;
	
}

.study ul li{
	float: left;
	width: 120px;
	height: 67px;
	margin-right: 50px;
	text-align: center;
	line-height: 67px;
}
.study ul .active{
	color: red;
	border-top: 3px solid red;
}
.study ul li:hover{
	cursor: pointer;
}
/*.................*/

/*课堂教学视频列表*/

.switch .switch-1{
	box-shadow: 2px 10px 10px #CCCCCC;
}
.switch .switch-1 li{
	width: 900px;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	color: black;
	background-color: #dee1e6;
}
.switch .switch-1 li:hover{
	cursor: pointer;
}
.switch .switch-1 {
	margin-top: 20px;
	background-color: whitesmoke;
}
.switch .switch-1 li .s-left{
	float: left;
}
.switch .switch-1 li .s-left i{
	margin-left: 20px;
	margin-right: 20px;
}
.switch .switch-1 li .s-right{
	float: right;
}
.switch .switch-1 li .s-right span img{
	display: none;
	margin-top: -4px;
	margin-right: -5px;
}
.switch-left{
	float: right;
}



/*左侧列表*/
.switch-right{
	width: 160px;
	height: 230px;
	float: left;
}
.switch-right li{
	font-size: 16px;
	height: 40px;
	width: 160px;
	text-align: center;
	line-height: 35px;
	margin-top: 15px;
}
.switch-right li img{
	margin-left: 10px;
}
.switch-right li:hover{
	cursor: pointer;
}
.switch-right .active-switch{
	background-color: #E7374C;
	color: white;
	
}
